<!DOCTYPE HTML>
<!-- saved from url=(0052)https://v4-alpha.getbootstrap.com/examples/carousel/ -->
<!DOCTYPE html PUBLIC "" ""><HTML lang="en"><HEAD><META content="IE=11.0000" 
http-equiv="X-UA-Compatible">
     
<META charset="utf-8">     
<META http-equiv="X-UA-Compatible" content="IE=edge">     
<META name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    
<META name="description" content="">     
<META name="author" content="">     
<LINK href="assets/img/logo.png" rel="icon">   
<TITLE>十六大魔城</TITLE>     <!-- Bootstrap core CSS --> 
<LINK href="assets/css/bootstrap.min.css" rel="stylesheet">     
<!-- Custom styles for this template -->     
<LINK href="assets/css/carousel.css" rel="stylesheet">   
<link href="assets/fonts/font.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="assets/css/component.css" />
<script src="assets/js/modernizr.custom.js"></script>
<META name="GENERATOR" content="MSHTML 11.00.10586.672"></HEAD>   
<BODY>
    <NAV class="navbar navbar-fixed-top navbar-default navbar-green bg-faded">
    <A class="navbar-brand" href="#">十六大魔城</A> 
<UL class="nav navbar-nav">
      <LI class="nav-item  cl-effect-1"><A class="nav-link" href="index.html">主页</A></LI>
      <LI class="nav-item cl-effect-1"><A class="nav-link" href="lead.html">指路牌</A></LI>
      <LI class="nav-item active cl-effect-1"><A class="nav-link" href="broadcast.html">公告板</A></LI>
      <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        图书馆
      </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
        <a class="dropdown-item" href="#">大魔城画廊</a>
        <a class="dropdown-item" href="#">Coco 百科</a>
        <a class="dropdown-item" href="library.html">大魔城典藏</a>
      </div>
    </li>
      <LI class="nav-item cl-effect-1"><A class="nav-link" href="building.html">建筑中心</A></LI>
    </UL></NAV>
  
<!-- main content -->
<div class="container" style="margin-top:80px">
  <div class="card text-xs-center">
  <div class="card-header">
    <ul class="nav nav-tabs card-header-tabs float-xs-left">
      <li class="nav-item">
        <a class="nav-link active" data-toggle="tab" href="#broadcast">大魔城官方公告</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#gossip">大魔城八卦</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-toggle="tab" href="#news">大魔城新闻</a>
      </li>
    </ul>
  </div>
  <div class="tab-content">
    <div class="tab-pane active" id="broadcast" role="tabpanel">
      <div class="card-block">
        <h4 class="card-title">大魔城网站维护中，暂时没有公告</h4>
        <p class="card-text">After all is said and done, more is said than done.</p>
      </div>
    </div>
    <div class="tab-pane" id="gossip" role="tabpanel">
      <div class="card-block">
        <h4 class="card-title">大魔城网站维护中，八卦什么的。。。</h4>
        <p class="card-text">After all is said and done, more is said than done.</p>
      </div>
    </div>
    <div class="tab-pane" id="news" role="tabpanel">
      <div class="card-block">
        <h4 class="card-title">大魔城网站维护中，新闻和公告有什么差别</h4>
        <p class="card-text">After all is said and done, more is said than done.</p>
      </div>
    </div>
  </div>
  
</div>


 <!-- FOOTER -->       
 <FOOTER>
<!--<P class="float-xs-right">
    <A class="btn btn-primary" href="#">回到顶部</A></P>-->
<P> @ 2016 十六迷妹团 · <A href="#">Privacy</A> 
· <A href="#">Terms</A></P>
</FOOTER>
</DIV><!-- /.container --> 
    <!-- Bootstrap core JavaScript
    ================================================== --> 
    <!-- Placed at the end of the document so the pages load faster -->     
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha384-XTs3FgkjiBgo8qjEjBk0tGmf3wPrWtA6coPfQDfFEY8AnYJwjalXCiosYRBIBZX8" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" crossorigin="anonymous"></script>
   </BODY></HTML>
